<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="../static/js/jquery-2.1.1.min.js"></script>
<script src="../static/bootstrap/js/bootstrap.min.js"></script>
<link href="../static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<div class="span1">
					</div>
					<div class="span10">
						<div class="navbar">
							<div class="navbar-inner">
								<div class="container-fluid">
									<a class="btn btn-navbar" data-target=".navbar-responsive-collapse" data-toggle="collapse"></a> <a class="brand" href="#">网站名</a>
									<div class="nav-collapse collapse navbar-responsive-collapse">
										<ul class="nav">
											<li class="active">
												<a href="#">主页</a>
											</li>
											<li>
												<a href="#">链接</a>
											</li>
											<li>
												<a href="#">链接</a>
											</li>
											<li class="dropdown">
												<a class="dropdown-toggle" data-toggle="dropdown" href="#">下拉菜单</a>
												<ul class="dropdown-menu">
													<li>
														<a href="#">下拉导航1</a>
													</li>
													<li>
														<a href="#">下拉导航2</a>
													</li>
													<li>
														<a href="#">其他</a>
													</li>
													<li class="divider">
													</li>
													<li class="nav-header">
														标签
													</li>
													<li>
														<a href="#">链接1</a>
													</li>
													<li>
														<a href="#">链接2</a>
													</li>
												</ul>
											</li>
										</ul>
										<ul class="nav pull-right">
											<li>
												<a href="#">右边链接</a>
											</li>
											<li class="divider-vertical">
											</li>
											<li class="dropdown">
												<a class="dropdown-toggle" data-toggle="dropdown" href="#">下拉菜单</a>
												<ul class="dropdown-menu">
													<li>
														<a href="#">下拉导航1</a>
													</li>
													<li>
														<a href="#">下拉导航2</a>
													</li>
													<li>
														<a href="#">其他</a>
													</li>
													<li class="divider">
													</li>
													<li>
														<a href="#">链接3</a>
													</li>
												</ul>
											</li>
										</ul>
									</div>
									
								</div>
							</div>
							
						</div>
					</div>
					<div class="span1">
					</div>
				</div>
				<div class="row-fluid">
					<div class="span1">
					</div>
					<div class="span10">
						<h3>
							h3. 这是一套可视化布局系统.
						</h3>
						<ul class="thumbnails">
							<li class="span4">
								<div class="thumbnail">
									<img alt="300x200" src="img/people.jpg" />
									<div class="caption">
										<h3>
											冯诺尔曼结构
										</h3>
										<p>
											也称普林斯顿结构，是一种将程序指令存储器和数据存储器合并在一起的存储器结构。程序指令存储地址和数据存储地址指向同一个存储器的不同物理位置。
										</p>
										<p>
											<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
										</p>
									</div>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img alt="300x200" src="img/city.jpg" />
									<div class="caption">
										<h3>
											哈佛结构
										</h3>
										<p>
											哈佛结构是一种将程序指令存储和数据存储分开的存储器结构，它的主要特点是将程序和数据存储在不同的存储空间中，进行独立编址。
										</p>
										<p>
											<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
										</p>
									</div>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img alt="300x200" src="img/sports.jpg" />
									<div class="caption">
										<h3>
											改进型哈佛结构
										</h3>
										<p>
											改进型的哈佛结构具有一条独立的地址总线和一条独立的数据总线，两条总线由程序存储器和数据存储器分时复用，使结构更紧凑。
										</p>
										<p>
											<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
										</p>
									</div>
								</div>
							</li>
						</ul>
						<ul class="thumbnails">
							<li class="span4">
								<div class="thumbnail">
									<img alt="300x200" src="img/people.jpg" />
									<div class="caption">
										<h3>
											冯诺尔曼结构
										</h3>
										<p>
											也称普林斯顿结构，是一种将程序指令存储器和数据存储器合并在一起的存储器结构。程序指令存储地址和数据存储地址指向同一个存储器的不同物理位置。
										</p>
										<p>
											<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
										</p>
									</div>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img alt="300x200" src="img/city.jpg" />
									<div class="caption">
										<h3>
											哈佛结构
										</h3>
										<p>
											哈佛结构是一种将程序指令存储和数据存储分开的存储器结构，它的主要特点是将程序和数据存储在不同的存储空间中，进行独立编址。
										</p>
										<p>
											<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
										</p>
									</div>
								</div>
							</li>
							<li class="span4">
								<div class="thumbnail">
									<img alt="300x200" src="img/sports.jpg" />
									<div class="caption">
										<h3>
											改进型哈佛结构
										</h3>
										<p>
											改进型的哈佛结构具有一条独立的地址总线和一条独立的数据总线，两条总线由程序存储器和数据存储器分时复用，使结构更紧凑。
										</p>
										<p>
											<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
										</p>
									</div>
								</div>
							</li>
						</ul>
						<div class="pagination">
							<ul>
								<li>
									<a href="#">上一页</a>
								</li>
								<li>
									<a href="#">1</a>
								</li>
								<li>
									<a href="#">2</a>
								</li>
								<li>
									<a href="#">3</a>
								</li>
								<li>
									<a href="#">4</a>
								</li>
								<li>
									<a href="#">5</a>
								</li>
								<li>
									<a href="#">下一页</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="span1">
					</div>
				</div>
			</div>
		</div>
	</div>
</body>



</html>